header{
    width: 100%;
    background-color: #fece02;
    padding: .17rem 0;
}
.container{
    width: 7.17rem;
    height: .68rem;
    margin: 0 auto;
}
.container .logo,.container .logo img{
    width: .64rem;
    height: .64rem;
}
.container .logo{

    margin: .05rem .48rem .17rem .2rem;
    float: left;
}
.container .search{
    width: 3.7rem;
    height: .35rem;
    float: left;
    padding: .18rem .4rem .15rem .22rem;
    background-color: rgba(255, 255, 255, .5);
    border-radius: .5rem;
}
.container .search img{
    width: .38rem;
    height: .37rem;
    float: left;
}
.container .search input{
    float: left;
    width: 3rem;
    height: .35rem;
    padding: 0 0 0 .1rem;
    background-color: transparent;
    border: none;
}
header .container .search input, header .container .search input::-webkit-input-placeholder{
	color: #fff5c9;
	font-size: .3rem;
}
.container .qr,.container .qr img{
    width: .44rem;
    height: .39rem;
}
.container .qr{
    margin: .14rem .43rem 0 .27rem;
    float: left;
}
.container .alert,.container .alert img{
    width: .39rem;
    height: .43rem;
}
.container .alert{
    margin-top: .14rem;
    float: left;
}

.content .banner,.content .banner img{
	width: 7.5rem;
	height: 2.83rem;
}
.content nav{
	width: 100%;
	padding: .28rem 0;
	display: inline-block;
}
.content nav .container{
	width: 6.27rem;
	height: 1.3rem;
	margin: 0 auto;
}
.content nav .container figure{
	width: .97rem;
	/* height: 1.03rem; */
	float: left;
	font-size: .24rem;
	color: #393939;
    text-align: center;
    margin-right: .78rem
}
.content nav .container figure:last-child{
    margin-right: 0;
}
.content nav .container figure a{
    display: inline-block;
    position: relative;
}
.content nav .container figure img,.content nav .container figure a{
    width: .97rem;
    height: .9rem;
}
.content nav .container figure .hot::after{
    content: "hot";
    width: .58rem;
    height: .28rem;
    font-size: .24rem;
    color: white;
    background-color: #fd0100;
    font-style: italic;
    border-radius: .1rem;
    text-align: center;
    position: absolute;
    top: -.09rem;
    right: -.25rem;
}
.content .product{
    width: 100%;
    background-color: #f8f8f8;
    display: inline-block;
}
.content .product img{
    width: 2.87rem;
    height: 1.97rem;
}
.content .product ul li{
    /* display: inline-block; */
    width: 6.72rem;
    height: 1.97rem;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    margin: .2rem auto 0;
    padding: .5rem 0 .34rem .25rem;
}
.content .product li .left{
    float: left;
    width: 3.6rem;
}
.content .product li .right{
    float: right;
    padding-right: .1rem;
}
.content .product li .left h3{
    color: #f04e92;
    font-size: .42rem;
    font-family: '宋体';
    line-height: .48rem;
}
.content .product li .left .desc{
    font-size: .27rem;
    color: #3e3e3e;
    font-family: '宋体';
    font-weight: bold;
    border-bottom: .01rem solid #3e3e3e;
    /* 字间距 */
    letter-spacing: .03rem;
    
}
.content .product li .left .desc .big{
    font-size: .6rem;
    /* color: #3bd7f9; */
    color: #eb4f89;
    font-family: '微软雅黑';
}
.content .product li .left .desc .small{
    font-size: .3rem;
    color: #eb4f89;
}
.content .product li .left .more{
    font-size: .26rem;
    color: #818181;
}
.content .product li:nth-child(2n) .left h3,.content .product li:nth-child(2n) .left .desc .big{
    color: #3bd7f9;
}


@media(max-device-width:320px){
    .content .product li .left .desc{
        letter-spacing: .01rem;
    }
}
@media(min-device-width:1024px){
    .content .banner{
        width: 100%;
        height: auto;
    }
    .content .banner img{
        width: 100%;
        height: auto;
    }
}